nav {
			background: #333;
			color: #fff;
			padding: 10px 0;
		}

		nav ul {
			list-style: none;
			padding: 0;
			margin: 0;
			display: flex;
			justify-content: center;
		}

		nav ul li {
			margin: 0 15px;
		}

		nav ul li a {
			color: #fff;
			text-decoration: none;
			font-weight: bold;
		}

		main {
			padding: 20px 0;
		}

		.genre {
			margin-bottom: 40px;
		}

		.genre h2 {
			color: #333;
		}

		.story-list {
			list-style: none;
			padding: 0;
			margin: 0;
		}

		.story-item {
			display: flex;
			align-items: flex-start;
			margin-bottom: 20px;
			border-bottom: 3px ridge;
		}

		.story-content {
			display: flex;
			position: relative;
			top: 20px;
			align-items: center;
			padding-right: 50px;
		}



		.story-content a img.story-image {
			width: 150px;
			height: 120px;
			object-fit: cover;
			margin-right: 20px;
			border-radius: 8px;
		}

		.story-heading h3 {
			margin: 0;
			font-size: 1.2em;
			color: #007BFF;
		}
		
		.story-heading a {
			text-decoration: none;
			color: #007BFF;
		}
		

		.story-heading p {
			margin: 5px 0 0;
		}

		.story-description {
			position: relative;
			top: 20px;
			margin-left: 5px;
			padding-bottom: 5px;
			border-bottom: 3px ridge;
		}
		
		h2{
			text-align: left;
		}
		
		.story-description p a {
			text-decoration: none;
			color: #007BFF;
		}